<template>
  <div class="about">
    <my-header>
      <template slot="left">
         返回 
         <!-- 插槽更方便定义标签 -->
      </template>
       <template slot="center">
          about页面
      </template>
      <template slot="right">
          编辑
      </template>
    </my-header>
    <my-list :list="arrData">
      <template slot="btn" slot-scope="scope">
         <button @click="del(scope)">删除</button>
      </template>
    </my-list>
  </div>
</template>
<script>
import myHeader from '../components/myHeader';
import myList from '../components/myLIst';
export default {
  components: { myHeader,myList },
  data(){
    return {
      arrData: ['春眠不觉晓','处处闻啼鸟','夜来风雨声','花落知多少']
    }
  },
  methods: {
    del(val){
      // this.arrData.splice(val,1);
      console.log(val);
    }
  },
}
</script>
